import { Canvas, Story, Meta } from "@storybook/blocks";
import { Box, Stack, Title } from "metabase/ui";
import * as TitleStories from "./Title.stories";

<Meta of={TitleStories} />

# Title

Our themed wrapper around [Mantine Title](https://v6.mantine.dev/core/title/).

## When to use Title

TBD

## Docs

- [Figma File](https://www.figma.com/file/SEQS7bshKQ4y4V5FwvdROv/Typography-%2F-Title?type=design&node-id=1-96&mode=design&t=2eUYOsqZZeMc4OGT-0)
- [Mantine Title Docs](https://v6.mantine.dev/core/title/)

## Examples

<Canvas of={TitleStories.Default} />

### Sizes

<Canvas of={TitleStories.Sizes} />
